@import "../public/public.css";
/*--------------------------主要内容----------------------*/
h3,h5{
	font-size:1em;
	font-weight:normal;
}
.wp{
	width:1180px;
	margin:0 auto;
	margin-top:20px;
	.container{
		width:1180px;
		margin:0 auto;
		/*--banner部分--*/
		.ad-box{
			height:320px;
			overflow:hidden;
			margin-bottom:20px;
			width:1180px;
			.banner-box{
				position:relative;
				float:left;
				width:580px;
				height:320px;
				ul li{
					position:absolute;
					top:0;
					left:0;
					overflow:hidden;
					span.title{
						background:rgba(0,0,0,0.3);
						color:#fff;
						overflow:hidden;
						position:absolute;
						bottom:0;
						left:0;
						margin-bottom:0px;
						width:100%;
						height:32px;
						line-height:32px;
						font-size:14px;
						text-indent:10px;
					}
				}
				.slidebar{
					width:168px;
					height:20px;
					position:absolute;
					top:5px;
					left:4px;
					ul li{
						position:relative;
						float:left;
						margin-right:1px;
						width:20px;
						height:20px;
						line-height:20px;
						text-align:center;
						font-size:10px;
						cursor:pointer;
						background:rgba(0,0,0,0.3);
						color:#fff;
						overflow:hidden;
						&.active{
							background: rgba(255,255,255,0.5);
							color: #000;
							font-weight: 700;
						}
					}
				}
			}
			.right-box{
				float:left;
				width:300px;
				height:160px;
			}
		}
		/*--app--*/
		.appstore-box{
			background:#fafafa url(../img/img2/img_product/title-appstore.png) left top no-repeat;
			height:100px;
			padding:0 21px 0 157px;
			margin-bottom:20px;
			width:1000px;
			ul{
				li.dangge-app{
					float:left;
					a{
						margin-top:8px;
						margin-right:20px;
						display:inline-block;
					}
				}
			}
			a.more{
				float:right;
				font-size:18px;
				color:#d1d1d1;
				text-decoration:none;
				margin-top:40px;
			}
		}
		/*--全部人--*/
		.filter-people-box{
			background:#fafafa;
			text-align:center;
			margin-bottom:20px;
			width:1180px;
			a{
				display:inline-block;
				width:8%;
				font-size:16px;
				color:#666;
				height:50px;
				line-height:50px;
				overflow:hidden;
				&.active{
					background:#f60;
					color:#fff;
					font-size:18px;
					text-align:center;
				}
				&:hover{
					background:#ff5230;
					color:#fff;
				}
			}
		}
		/*--全部商品--*/
		.filter-more-box{
			margin-bottom:20px;
			.hide{
				display:none;
			}
			.no-hide{
				display:block;
			}
			li{
				display:inline-block;
				padding:6px;
				margin:0 5px 5px 0;
				background:#fafafa;
				a{
					height:18px;
					line-height:18px;
					font-size:14px;
					color:#afafaf;
					display:block;
					padding:0 10px;
				}
				&.all a{
					background:#d3d3d3;
					color:#fff;
				}				
			}
			.weiot-p-all{
					text-align:center;
					position:relative;
					
					a.show-all{
						font-size:14px;
						color:#463a3a;
						display:inline-block;
						padding-top:5px;
						padding-bottom:3px;		
						position:relative;
						cursor:pointer;
						i{
							width:0;
							height:0;
							border:4px solid transparent;
							border-top:5px solid #ff5230;
							position:absolute;
							bottom:-6px;
							left:24px;
						}	
						span.quanbu{
							position:relative;
							top:0;
							left:0;
						}	
						.jingjian{
							display:none;
						}							
					}					
				}
		}
		/*---------------重复部分---------------------*/
		.product-list{
			margin-bottom:30px;
			width:1180px;
			.productHeader{
				border-bottom:5px solid #57bae8;
				margin-bottom:5px;
				padding-bottom:7px;
				overflow:hidden;
				.productRight{
					float:right;
					h3{
						height:26px;
						cursor:pointer;
						a{
							width:75px;
							color:#333;
							line-height:26px;
							margin-right:1px;
							text-align:center;
							display:block;
							float:left;
							height:26px;
							background:#f3f3f3;
						}
						span{
							width:25px;
							height:26px;
							display:block;
							float:left;
							background:#f3f3f3;
						}
					}
					ul{
						background:#fff;
						position:absolute;
						width:99px;
						text-align:center;
						border:1px solid #c6c6c6;
						border-bottom:none;
						margin-top:1px;
						li{
							height:41px;
							line-height:41px;
							border-bottom:1px solid #b8b8b8;
							margin:0 2px;
							a{
								font-size:12px;
								color:#000;
							}							
						}
					}
					&:hover ul{
						display:block!important;
					}
				}
			}
			ul.content{
				text-align:center;
				li{
					width:25%;
					display:inline-block;
					a{
						display:block;
						font-size:16px;
						border:1px solid #efefef;
						height:350px;
						overflow:hidden;
						color:#4f4f4f;
						&:hover{
							border:1px solid #5d5d5d;
						}
						.view{
							
							 img{
								margin:70px 0 80px 0;
							}
						}
						.hover{							
							h3{
								margin:20px 0 10px;
							}
							h5{
								font-size:12px;
								color:#d4d4d4;
								span{
									padding:0 10px;
								}
							}
							img{
								margin:5px 0 0 0;
							}
							h2{
								font-size:64px;
								color:rgb(106,197,239);
								sup{
									font-size:32px;
								}
							}
						}
					}
				}
			}
		}
		.footer{
			height:24px;
			margin-bottom:20px;
			.pagination{
				text-align:center;
				li{
					display:inline-block;
					margin-right:18px;
					cursor:pointer;
					a{
						font-size:16px;
						color:#a1a1a1;
					}
					&.active a{
						color:#ff410e;
					}
				}
			}
		}
	}
}